<template>
<div class='name'>
<router-link to='/school/son1'>儿子1</router-link>
<hr>
<router-link to='/school/son2'>儿子2</router-link>

<h4>儿子都在学校读书，所以会显示到学校组件</h4>
<hr>
</div>
</template>

<script>
export default {
    name:'Father',
    data(){
        return {
            name:''
        }
    }
}
</script>


<style scoped>
    .name{
        background: lightblue;
        height: 200px;
        width:200px;
        margin: 0 auto;
        margin-top: 40px;
    }
</style>